$(function() {
     // 基于准备好的dom，初始化echarts实例
 var myChart1 = echarts.init(document.getElementById('t1'));

 // 指定图表的配置项和数据
 var option1 = {
    // 标题 
    title: {
      text: '2020年注册人数'
    },
    // 提示工具
    tooltip: {},
    // 图例 
    legend: {
      data: ['人数', '销量']
    },
    // x轴
    xAxis: {
      data: ["一月", "二月", "三月", "四月", "五月", "六月"]
    },
    // y轴 会根据数据智能生成 
    yAxis: {},
    // 系列：数据 
    series: [
      {
        name: '人数',
        type: 'bar', // bar  柱状图  line 线图  pie 饼图 
        data: [45, 120, 36, 70, 110, 30]
      },
      {
        name: '销量',
        type: 'line', // bar  柱状图  line 线图  pie 饼图 
        data: [145, 60, 46, 79, 87, 30]
      }
    ]
  };

 // 使用刚指定的配置项和数据显示图表。
 myChart1.setOption(option1);

     // 基于准备好的dom，初始化echarts实例
     var myChart2 = echarts.init(document.getElementById('t2'));

     // 指定图表的配置项和数据
     option2 = {
        title : {
            // text: '某站点用户访问来源',
            // subtext: '纯属虚构',
            x:'center'
        },
        tooltip : {
            trigger: 'item',
            formatter: "{a} <br/>{b} : {c} ({d}%)"
        },
        legend: {
            orient: 'vertical',
            left: 'left',
            data: ['阿迪','耐克','李宁宁','匡威','老北京鞋']
        },
        series : [
            {
                name: '访问来源',
                type: 'pie',
                radius : '55%',
                center: ['50%', '60%'],
                data:[
                    {value:335, name:'阿迪'},
                    {value:310, name:'耐克'},
                    {value:234, name:'李宁宁'},
                    {value:135, name:'匡威'},
                    {value:1548, name:'老北京布鞋'}
                ],
                itemStyle: {
                    emphasis: {
                        shadowBlur: 10,
                        shadowOffsetX: 0,
                        shadowColor: 'rgba(0, 0, 0, 0.5)'
                    }
                }
            }
        ]
    };
    
    
     // 使用刚指定的配置项和数据显示图表。
     myChart2.setOption(option2);


})